<!DOCTYPE html>
<html lang="en">
<head>
  	<title>Services</title>
  	<meta charset="utf-8">
	<meta name = "format-detection" content = "telephone=no" />
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">    
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.js"></script>
    <script src="js/superfish.js"></script>
    <script src="js/jquery.hoverIntent.minified.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.equalheights.js"></script>
    <script src="js/jquery.mobilemenu.js"></script>
    <script src="js/jquery.ui.totop.js"></script>
    <script src="js/script.js"></script>
    <script>		
		jQuery(function(){
			$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
<!--[if lt IE 8]>
   <div style=' clear: both; text-align:center; position: relative;'>
     <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
       <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
    </a>
  </div>
<![endif]-->
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
	<link rel="stylesheet" href="css/ie.css"> 
<![endif]-->
</head>
<body>
<!--==============================header=================================-->
    <header>
    	<div class="container_12">
        	<article class="grid_12">
            <div class="inner-block">
            <h1><a class="logo" href="index.html">logo</a></h1>
            <nav>
                <ul class="sf-menu responsive-menu">
                    <li class="sub-menu"><a href="index.html">About</a>
                    	<ul>
                            <li><a href="#">staff</a></li>
                            <li><a href="#">history</a></li>
                            <li class="last4 sub-menu"><a href="#">news</a>
                            	<ul>
                                    <li><a href="#">fresh</a></li>
                                    <li class="last4"><a href="#">archive</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="index-1.html">Projects</a></li>
                    <li class="current"><a href="index-2.html">Services</a></li>
                    <li><a href="index-3.html">Links</a></li>
                    <li><a href="index-4.html">Contacts</a></li>
                </ul>
            </nav>
            <div class="clear"></div>
            </div>            
            </article>
            <div class="clear"></div>
        </div>
        <div class="head-line"></div>
    </header>
    
	<!--==============================content================================-->
    <div class="bg1">
    <div class="bg">
    <section id="content">    	
    	<div class="container_12">
        	<article class="grid_12">
            	<div class="inner-block">
                	<h3>services overview </h3>
                </div>
            </article>
            <div class="clear"></div>
            <div class="thumb2">
            <article class="grid_6">
            	<div class="inner-block">
                <div class="page3-box1">
                <figure class="page3-img1"><img src="images/page3-img1.jpg" alt=""></figure>
                            <div class="extra-wrap">
                            	<span class="text5">MIUAS KIUASYA lroem po lro <br />em psoet sre gaasle.</span>
                                <p class="p17">Bertarsa atunteger rutrum losai ertyuare ser hatsfasa. Delertas. Ante eu lacus.uisquepor ster nullad. Eras. Casey yoleacen.</p>
                                <a class="button1" href="#">learn more</a>
                            </div>
                            <div class="clear"></div>
                            </div>
                            </div>
            </article>
            <article class="grid_6">
            	<div class="inner-block">
                <div class="page3-box1">
                <figure class="page3-img1"><img src="images/page3-img2.jpg" alt=""></figure>
                            <div class="extra-wrap">
                            	<span class="text5">MIUAS KIUASYA lroem po lro <br />em psoet sre gaasle.</span>
                                <p class="p17">Bertarsa atunteger rutrum losai ertyuare ser hatsfasa. Delertas. Ante eu lacus.uisquepor ster nullad. Eras. Casey yoleacen.</p>
                                <a class="button1" href="#">learn more</a>
                            </div>
                            <div class="clear"></div>
                            </div>
                            </div>
            </article>
            <article class="grid_6">
            	<div class="inner-block">
                <div class="page3-box1">
                <figure class="page3-img1"><img src="images/page3-img3.jpg" alt=""></figure>
                            <div class="extra-wrap">
                            	<span class="text5">MIUAS KIUASYA lroem po lro <br />em psoet sre gaasle.</span>
                                <p class="p17">Bertarsa atunteger rutrum losai ertyuare ser hatsfasa. Delertas. Ante eu lacus.uisquepor ster nullad. Eras. Casey yoleacen.</p>
                                <a class="button1" href="#">learn more</a>
                            </div>
                            <div class="clear"></div>
                            </div>
                            </div>
            </article>
            <article class="grid_6">
            	<div class="inner-block">
                <div class="page3-box1">
                <figure class="page3-img1"><img src="images/page3-img4.jpg" alt=""></figure>
                            <div class="extra-wrap">
                            	<span class="text5">MIUAS KIUASYA lroem po lro <br />em psoet sre gaasle.</span>
                                <p class="p17">Bertarsa atunteger rutrum losai ertyuare ser hatsfasa. Delertas. Ante eu lacus.uisquepor ster nullad. Eras. Casey yoleacen.</p>
                                <a class="button1" href="#">learn more</a>
                            </div>
                            <div class="clear"></div>
                            </div>
                            </div>
            </article>
            <article class="grid_6">
            	<div class="inner-block">
                <div class="page3-box1">
                <figure class="page3-img1"><img src="images/page3-img5.jpg" alt=""></figure>
                            <div class="extra-wrap">
                            	<span class="text5">MIUAS KIUASYA lroem po lro <br />em psoet sre gaasle.</span>
                                <p class="p17">Bertarsa atunteger rutrum losai ertyuare ser hatsfasa. Delertas. Ante eu lacus.uisquepor ster nullad. Eras. Casey yoleacen.</p>
                                <a class="button1" href="#">learn more</a>
                            </div>
                            <div class="clear"></div>
                            </div>
                            </div>
            </article>
            <article class="grid_6">
            	<div class="inner-block">
                <div class="page3-box1">
                <figure class="page3-img1"><img src="images/page3-img6.jpg" alt=""></figure>
                            <div class="extra-wrap">
                            	<span class="text5">MIUAS KIUASYA lroem po lro <br />em psoet sre gaasle.</span>
                                <p class="p17">Bertarsa atunteger rutrum losai ertyuare ser hatsfasa. Delertas. Ante eu lacus.uisquepor ster nullad. Eras. Casey yoleacen.</p>
                                <a class="button1" href="#">learn more</a>
                            </div>
                            <div class="clear"></div>
                            </div>
                            </div>
            </article>
            <div class="clear"></div>
            </div>
            <article class="grid_8">
            	<div class="inner-block">
                	<h3>special offer</h3>
                    <span class="text2 p18">Moleacene anrit meases deyuas. Donec in velit vel ipsum auctor pulvinar Vestibulum iaculis lacinia est. lroem port rsen amet gaslelu mislei syete porta. </span>

<p class="p19">Cum socis natoqu eagnis dimte dulm ese feugiata lesuada kerleceas strices phaledaty fenanec sit aser erment. Ut ts dolor dapegete lement velursusen. Eleifneanctor wisi et urna aseserta. Aliquam erat volutpatis ac turpis. Integer rutrum kertyua delertas ante eu lacus.uisque nulladeras. Casey yoleacene anrit ma hasesera deyuas lety miwert betyudes. Cum socis natoqu eagnis dist mte dulmuese feugiata lesuada lecenas stricies phaledatyfenanec sit amm easer erment. Ut ts dolor dapegetel.</p>
<a class="button1" href="#">learn more</a>
                </div>
            </article>   
            <article class="grid_4">
            	<div class="inner-block">
                	<h3>available services</h3>
                    <ul class="list1 p20">
                        <li><a href="#">Etiam cursus leo vel metus sterse</a></li>
                        <li><a href="#">Aenean nec eros sresne</a></li>
                        <li><a href="#">Vestibulum ante ipsum primis lroem</a></li>
                        <li><a href="#">In faucibus orci luctus et hazaleu</a></li>
                        <li><a href="#">Ultrices posuere cubilia Curae posre</a></li>
                        <li><a href="#">Suspendisse sollicitudin</a></li>
                        <li><a href="#">Ut pharetra augue nec augue postrese</a></li>
                        <li><a href="#">Nam elit agna,endrerit sit amet</a></li>
                        <li><a href="#">Tincidunt ac, viverra sed, nulla onec</a></li>
                        <li><a href="#">Porta diam eu massa uisque</a></li>
                    </ul>
                </div>
            </article>         
        </div>            
    </section>
    
	<!--==============================footer=================================-->
    <footer>
        <div class="container_12">
        	<article class="grid_12"><div class="border-bot"></div></article>
            <div class="clear"></div>
            <article class="grid_12">
            	<figure class="foot-logo"><img src="images/foot-logo.png" alt=""></figure>
                <div class="foot-page1">
                	arcon &copy; 2013 &nbsp;  | &nbsp; <a href="index-5.html">Privacy policy</a>
                    <div class="clear"></div>
                     <ul class="soc-links">
                        <li><a class="soc-link1" href="#"></a></li>
                        <li><a class="soc-link2" href="#"></a></li>
                        <li><a class="soc-link3" href="#"></a></li>
                        <li><a class="soc-link4" href="#"></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </article>
            <div class="clear"></div>        
        </div>
    </footer>
    </div>
    </div>
</body>
</html>